<template>
  <div class="jiagebox">
      <div class="jiage">
          <span class="sp1">￥</span> 
          <span class="sp2">198.00</span><span class="sp3">/束</span>
       
      </div>
       <div class="biaoti"> <span>清新亮丽 悦己随心， 自然的调香师</span> </div>
          <div class="kuang">
              <span class="kuang1"> <span>清爽快乐</span> </span>
              <span class="kuang2"> <span>即下即发</span> </span>
              <span class="kuang3"> <span>自带香氛</span> </span>
          </div>
          <div class="tex">
              <p class="jieshao">多种搭配， 随意搭配</p>
          </div>
          <div class="vip">
              <img src="image/Details/vip.jpg" alt="">
          </div>
    
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>

  .jiagebox{
        width: 3.44rem;
        height: 1.88rem;
        background-color:white;
        margin: auto;
        margin-top: 0.15rem;
        border-radius: 0.05rem;
    }
    .jiage{
        width: 100%;
        height:0.43rem;
        /* background-color:violet; */
    }
    .sp1{
        color: red;
        font-size: 0.15rem;
        line-height: 0.43rem;
    }
    .sp2{
        color: red;
        font-size: 0.17rem;
         line-height: 0.43rem;
    }
    .sp3{
        color:#666666;
        font-size: 0.15rem;
        line-height: 0.43rem;
        margin-left: 0.1rem;
    }
  .biaoti{
        width: 100%;
        height: 0.18rem;
        /* background-color:lightblue; */
        font-size: 0.12rem;
  } 
   .biaoti>span{
       margin-left: 0.2rem;
    
   }  
    .kuang{
       width:100%;
       height: 0.18rem;
       /* background-color:red; */
    }
     .kuang>span{
       height: 0.25rem;
       border: 1px solid #999999;
       border-radius: 0.02rem;
       margin-left: 0.2rem;
     

     }
      .kuang>span>span{
        font-size: 0.12rem;
        color: #999999; 
         line-height: 0.18rem;  
      }
    .tex{
        width: 100%;
        height: 0.5rem;
        /* background-color:#999999; */
       
    }
    .jieshao{
        margin-left: 0.2rem;
        line-height: 0.5rem;
      
    }
    .vip{
        width: 3.2rem;
        height: 0.32rem;
        /* background-color:#f7d2a8; */
        margin: auto;
        border-radius: 0.03rem;
    }
    .vip img{
         width: 3.2rem;
        height: 0.32rem;
        /* background-color:#f7d2a8; */
        margin: auto;
    }
</style>